<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>风险评价</title>
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/risk.css">
    <%--<link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/comm/base_v3.0.css">--%>
</head>
<body>
<!-- content-body -->
<div class="main-inner">
    <div class="html-header" style="background-color:white">
        <div class="xyf-toggle-form-div header-title" style="margin:-10px 0 0">
            <span><em class="icon-ghg"></em> 风险评价 > 统计</span>查询条件<i class="xyf-toggle-form-icon" style="display: inline-block !important;"></i>
        </div>
    </div>
    <div class="content-inner">
        <div class="zy-pick-line">
            <div class="zy-form-line">
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">管道名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_pipeline" btn="pipeLineArr" class="bk-select"><abbr></abbr></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">管段名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="pipeSegmentArr" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">起点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_begin" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line">
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">终点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_end" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">&nbsp;</div>
                    <button id="JQ_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31" style="position:relative">
                    <div class="zy-input-meta">&nbsp;</div>
                    <div class="new-gl clearFix" style="position: absolute;right:0;top:20px;width:95px;">
                        <a href="javascript:void(0);" class="export-b" id="btn_export" style="margin-left:15px"><em></em>导出</a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="biaobiao" style="height:auto;margin:0 auto;">
            <div class="left" style="width:100%;height:auto">
                <div class="list-1" style="float:left;width:25%;background-color:#fafafa">
                    <div class="left-icon1"></div>
                    <div class="right-font">
                        <p class="p01" id="mostDangerousPipeSegment"></p>
                        <p class="p2">最高危险管段</p>
                    </div>
                </div>
                <div class="list-1" style="float:left;width:25%;background-color:#f5f5f5">
                    <div class="left-icon"></div>
                    <div class="right-font">
                        <p class="p1" id="highRiskProportion"></p>
                        <p class="p2">高风险管段比例</p>
                    </div>
                </div>
                <div class="list-1" style="float:left;width:25%;background-color:#fafafa">
                    <div class="left-icon2"></div>
                    <div class="right-font">
                        <p class="p02" id="mostDangerousScore"></p>
                        <p class="p2">最高风险管段评分</p>
                    </div>
                </div>
                <div class="list-1" style="float:left;width:25%;background-color:#f5f5f5">
                    <div class="left-icon3"></div>
                    <div class="right-font">
                        <p class="p03" id="measurePipeSegment"></p>
                        <p class="p2">已采取措施管段 </p>
                    </div>
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="clear:both"></div>
            <div id="JQ_pdf_area" style="margin-top:15px">
                <div style="width:40%;float: left;" >
                    <div style="width:100%;height:300px">
                        <div class="risk_title">风险等级占比<i>(百分比%)</i></div>
                        <div class="right" id="riskGradeDiv" style="width:100%;background-color:white !important;height:300px" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                            <%--<img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">--%>
                        </div>
                    </div>
                </div>
                <div style="width:58%;float: left;margin-left:2%" >
                    <div style="border:1px solid #E1E3E4;">
                        <div class="risk_title" style="margin-left:0">风险管段评分</div>
                        <div style="padding: 0 5px;">
                            <div class="middle" id="JQ_segment_grade" style="width: 100%;" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                                <%--<img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">--%>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="zy-wind-line" style="margin-top:20px;margin-right:20px;padding-bottom:0;text-align:right">
            <a href="javascript:history.back(-1);">
                <button id="JQ_task_map_goback" class="zy-button zy-goback" type="button"><i class="zy-goback-icon"></i>返回</button>
            </a>
            <div class="clear"></div>
        </div>
    </div>
</div>
<!-- pdf div canvas -->
<div id="JQ_export_pdf_div"></div>
<!-- plugin -->

<script src="${pageContext.request.contextPath}/static/js/plugin/d3/d3.js"></script>
<script src="${resourcePath}/tags/reportforms/build/dist/echarts.js"></script>
<script src="${resourcePath}/tags/reportforms/JS/picECharts.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/html2canvas/html2canvas.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/canvg/canvg.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/mypdf.plugin.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/myd3.plugin.js"></script>
<!-- ui -->
<script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
<!-- base -->
<script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
<!-- api -->
<script src="${pageContext.request.contextPath}/static/js/controller/api/corrctrl.api.js"></script>
<!-- myd3 -->
<!-- controller -->
<script src="${pageContext.request.contextPath}/js/riskmgr/riskComm.js"></script>
<script src="${pageContext.request.contextPath}/js/riskmgr/riskAssessmentStatistics.js"></script>
</body>
</html>